<template>
  <Layout>
    <div class="journal">
      <div class="container journal-container">
        <div class="journal-header">
          <h1 class="journal-title">Gridsome with Forestry CMS</h1>
          <div class="journal-meta">
            <div class="journal-author"><span class="label">Author</span><span class="author-name">Nichlas W. Andersen</span></div>
            <div class="journal-date"><span class="label">Date</span>
              <div>7. June 2019</div>
            </div>
            <div class="journal-time"><span class="label">Time</span><span>1 min
                read</span></div>
          </div>
        </div>
        <div class="journal-content">
          <h4 id="use-forestry-as-a-cms-for-gridsome">
            <a href="#use-forestry-as-a-cms-for-gridsome" aria-hidden="true"><span class="icon icon-link"></span></a>
            Use Forestry as a CMS
            for Gridsome
          </h4>
          <p><a href="https://forestry.io" target="_blank" rel="nofollow noopener noreferrer">Forestry</a> is a git-based headless CMS that
            allows editorial teams to work on Jamstack sites.</p>
          <p>It comes with a slick user interface that empowers editors to edit CommmonMark, YAML, and JSON files.</p>
          <p>Forestry UI was designed by <strong>Nichlas W. Andersen</strong>.</p>
          <p>You can import this starter to Forestry and start editing and creating posts or projects right away.</p>
          <p>Forestry also comes with instant previews, for you to preview your content before publishing.</p>
          <p>When you save content in <strong>Forestry</strong>, it's committed back to your Git repository. If you link your repository to
            a service like <strong>Netlify</strong> or <strong>Vercel</strong>, on every push, your site will be deployed over to a CDN
            network.</p>
          <p>Enjoy the best development and user experience! 🚀</p>
          <p>
            <img class="g-image g-image--lazy g-image--loaded" src="/img/ian-dooley.jpg">
          </p>
        </div>
      </div>
    </div>
  </Layout>
</template>

<script>
export default {
    name: 'PostPage',
};
</script>

<style>
</style>